<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>checkout</title>
    <link rel="stylesheet" href="__PUBLIC__/style/style.css">
    <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/main.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/Calculate.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/ajaxChange.js"></script>
    <style>
        .set_image_all {
            cursor: pointer;
            position: relative;
        }

        .set_image_all .set_image_item {
            position: relative;
            display: inline-block;
            z-index: 11;
            visibility: visible;
        }

        .set_image_all .set_image_top {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
        }

        .set_image_all .set_image_top>div {
            display: inline-block;
            overflow: hidden;
        }

        .set_image_all .set_image_top>div>img {
            height: 100%;
        }

        .grade {
            vertical-align: top;
        }
    </style>
</head>
<body style="background:#F5F5F5;">
<script type="text/javascript" src="__PUBLIC__/js/requ.js"></script>
<div class="checkout-header">
    <span></span>
    <h1>商品评价</h1>
    <p>温馨提示：请对您购买的商品进行评价。</p>
    <a href="javascript:;">我的订单</a>
    <ul>
        <a href="javascript:;">464845645</a>
        <li><a href="javascript:;">个人中心</a></li>
        <li><a href="javascript:;">退出登录</a></li>
    </ul>
</div>

<div class="checkout-container">
    <table class="table">
        <thead>
        <tr>
            <th>商品图片</th>
            <th>商品信息</th>
            <th>单价</th>
            <th>数量</th>
            <th>小计</th>
            <th>评分</th>
        </tr>
        </thead>
        <tbody>
        <foreach name="car" item="cv" key="ck">
            <tr>
                <td>
                    <img src="__IMAGE__/{$cv.photourl}{$cv.photoname}" alt="" style="width: 80px;height: 80px">
                </td>
                <td>
                    <p>{$cv.name}&nbsp;&nbsp;&nbsp;{$cv.content}&nbsp;&nbsp;&nbsp;{$cv.color}</p>
                </td>
                  <td>
                    <span>{$cv.unit}元</span>
                </td>
                <td>
                    <span>{$cv.count}</span>
                </td>
                <td><span class="checkout-total" id="">{$cv.price}元</span></td>
                <td>
                    <div class="star_grade" id="sa{$ck}">
                    </div>
                </td>
            </tr>
            </foreach>
        </tbody>
    </table>

    <form action="" method="post">
        <div class="balance">
            <input type="submit" name="submit" value="确认评价">
        </div>
    </form>


</div>
<div class="footer">
    <include file="Public/component/footer" />
</div>
<script src="__PUBLIC__/js_xx/markingSystem.js"></script>
<script>
    $(".star_grade").markingSystem({
        num: 5,
        havePoint: false,
        haveGrade: true,
        unit: '星',
        grade: 0,
        height: 20,
        width: 20,
    })
</script>
</body>
</html>